    <div class="container margin-top-content">
      <div class="row">
        <div class="col-md-10 col-md-offset-1">
          <div class="col-md-12">
            <div class="row outer-border shadow singlepage">
              
              <div class="col-md-9 padding15">
                <h4 class="font-biru judul-singlepage">Grafik</h4>
                <div id="grafik"></div>
              </div>
              <div class="col-md-3 padding15">
                <?php
                  $this->load->view('sidebar_page');
                ?>
              </div>
            <div class="clearfix"></div>
            </div>
          </div>
        <div class="clearfix"></div>
        </div>
      </div>
    </div><!-- /.container -->

<?php 
  if(isset($list_pekerjaan)){
    foreach($list_pekerjaan as $val){
      $hasil_tahun[]=$val['tahun'];
      $hasil_softdev[]=$val['jml_softdev'];
      $hasil_internet[]=$val['jml_internet'];
      $hasil_infra[]=$val['jml_infrastruktur'];
    }
  }
  $tahun =  json_encode($hasil_tahun);
  $sofdev =  json_encode($hasil_softdev);
  $internet =  json_encode($hasil_internet);
  $infra =  json_encode($hasil_infra);
?>

<script type="text/javascript">
      $(function () {
        $('#grafik').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Pekerjaan Tahunan PT Time Excelindo'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: <?php echo $tahun; ?>
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Jumlah'
                }
            },
            tooltip: {
                shared: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: 'Software Development',
                data: <?php echo str_replace('"', '', $sofdev)?>,
                tooltip: {
                  valueSuffix: ' Projek'
                }
            }, {
                name: 'Infrastructure',
                data: <?php echo str_replace('"', '', $infra)?>,
                tooltip: {
                  valueSuffix: ' Projek'
                }
            }, {
                name: 'Internet',
                data: <?php echo str_replace('"', '', $internet)?>,
                tooltip: {
                  valueSuffix: ' Mbps'
                }
            }]
        });
    });
    

    </script>

